<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航栏加下拉菜单</title>
    <style>
       body{position:relative;display:block;}
      .header{width:100%;height:50px;border-bottom:1px solid grey;background:#4F4F4F;color:white;position:fixed;top:0px;left:0px;z-index:1;min-width:1400px;}
       .header-left{position:absolute;top:15px;left:25px;}
       .header-right{margin-top:3px;position:absolute;top:10px;right:10px}
       .header-right span:hover{color:blue;}
       .header-right span{margin-right:10px}
</style>
</head>
<body>
<div class="header">
    <div class="header-left" style="">
        <span>智能语音服务平台</span>
    </div>
    <div class="header-right">
        <!--style="background:url('search.png') no-repeat fixed right;background-size:25px 25px;-->
        <span class="file">文档</span>
        <span class="case">备案</span>
        <span class="me">我的</span>
    </div>

</div>
</body>